@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../fonts/DINCond-Medium.otf);}
@font-face{ font-family:impact; src:url(../fonts/impact.ttf);}
@font-face{ font-family:simsun; src:url(../fonts/simsun.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{position:relative;z-index:0;}
.a_body{
}
.a_body01{
	height:100vh;
	overflow:hidden;
	-webkit-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 1.5s cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-transform:translateX(80%);
	   -moz-transform:translateX(80%);
	    -ms-transform:translateX(80%);
	     -o-transform:translateX(80%);
	        transform:translateX(80%);
}
.a_body.is-visible{
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%);
	height: auto;
}
.section{overflow:hidden;max-height: 100%;}


/*动画 结束*/

.mtrans,.mtrans:hover{-webkit-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-moz-transition:all .8s cubic-bezier(.19,1,.22,1) 0s;transition:all .8s cubic-bezier(.19,1,.22,1) 0s;-ms-transition:all .8s cubic-bezier(.19,1,.22,1) 0s}
.mtrans-fast,.mtrans-fast:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}

.menu-handler{display:block;z-index:1000000;background: rgba(0,0,0,0.35);width: 48px;height: 45px;cursor:pointer;position:fixed;right: 5rem;top: 3rem;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);}
.menu-handler .box{display:block;height:45px;overflow:hidden;position: relative;}
.menu-handler::after{width:48px;height:45px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border:5px solid rgba(0,0,0,.3);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}

.menu-handler .burger{width: 26px;height: 2px;background: #fff;display:block;position:absolute;z-index:5;top: 13px;left:50%;margin: 0 0 0 -13px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}
.menu-handler .burger-2{top: 21px;}
.menu-handler .burger-3{top: 29px;}
.menu-handler.active .burger-1{top: 22px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top: 22px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}

.menuBox{position:fixed;z-index: 100000;left:0;right:0;top:0;height:100%;visibility:hidden;}
.menuBox:after,.menuBox:before{content:"";position:absolute;width:100%;height:50%;background:#333;-webkit-transition:.8s cubic-bezier(.77,0,.175,1);-moz-transition:.8s cubic-bezier(.77,0,.175,1);transition:.8s cubic-bezier(.77,0,.175,1)}
.menuBox:before{top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.menuBox:after{bottom:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.menuBox .navMobile{padding-top:18%;opacity:0;visibility:hidden;-webkit-transition:.45s;-moz-transition:.45s;transition:.45s;}
.menuBox.show{visibility:visible}
.menuBox.show:after,.menuBox.show:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
.menuBox.show .navMobile{opacity:1;visibility:visible;-webkit-transition:.76s .6s;-moz-transition:.76s .6s;transition:.76s .6s}
.menuBox .lang{display:none}
.navMobile{text-align:center;position:relative;z-index:1}

.navMobile dl{ margin-right:4rem; display:inline-block; margin-bottom:1.25rem;vertical-align:top;}
.navMobile dt{font-size:1.125rem;color:#fff;margin-bottom:1.25rem;}
.navMobile dt a{ color:#fff}
.navMobile dd{font-size:0.9375rem;color: #a7b7d2;line-height:1.875rem;}
.navMobile dd a{color: #8d8d8d;}


/*header{position:fixed;z-index:10000;top:3.125rem;width:100%;display: none;}
header .logo{position:absolute;left:50%;margin-left:-4rem;top: 15px;}
header .logo embed{width: 9rem;display: inline-block;}
header .logo:before{content: "";position: absolute;left: -665px; top: -460px;  width: 220px;  height: 15px; background-color: rgba(255,255,255,.5);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite;}
header nav {margin-top: 25px;transition: all .3s;}
header .nav-item {position: relative;float: left;margin: 0 2rem;font-size: 1.125rem;text-align: center;height: 80px;}
header .nav-item.current > a { color: #af0e16; }
header .nav-item:hover > a { color: #af0e16; }
header .nav-item:hover .sub-nav-list {margin-top: -18px;opacity: 1;visibility: visible;}
header .nav-item > a {display: block;color: #fff;line-height: 45px;transition: all .2s;}
header .nav-item > a:hover { color: #af0e16; }
header .sub-nav-list {position: absolute;top: 100%;left: -30px;right: -30px;margin-top: 25px;padding-top: 20px;padding-bottom: 20px;background: #fff;opacity: 0;visibility: hidden;transition: all .3s;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
header .sub-nav-list:before {content: '';position: absolute;top: 0;left: 50%;width: 28px;height: 4px;margin-left: -14px;background: #af0e16;}
header .sub-nav-item {position: relative;line-height: 35px;color: #666;cursor: pointer;transition: all .3s;z-index: 1;font-size: 14px;}
header .sub-nav-item a{ color:#333}
header .sub-nav-item:hover a{ color: #fff; }
header .sub-nav-item:hover:before { transform: none; }
.no-csstransforms header .sub-nav-item:hover:before { visibility: visible; }
header .sub-nav-item:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #af0e16;transition: all .3s linear;transform: scale(0, 1);z-index: -1;}
.no-csstransforms header .sub-nav-item:before { visibility: hidden; }
header .contact { margin-top: 32px; transition: all .3s; }
header .contact-item { position: relative; display: block; float: left; width: 21px; height: 16px; margin-left: 25px; background: no-repeat center; transition: background .2s; }
header .contact-item.sina { background-image: url("../images/icons/sina.png"); }
header .contact-item.sina:hover { background-image: url("../images/icons/sina_h.png"); }
header .contact-item.wx { background-image: url("../images/icons/wx.png"); }
header .contact-item.wx:hover { background-image: url("../images/icons/wx_h.png"); }
header .contact-item:hover .contact-2wm { margin-top: 20px; opacity: 1; visibility: visible; }
header .contact-2wm { position: absolute; top: 100%; right: 0; width: 120px; height: 120px; margin-top: 30px; margin-right: -5px; padding: 5px; background: #fff; border: 1px solid #eee; border-radius: 5px; box-shadow: 1px 1px 3px 1px #aaa; opacity: 0; visibility: hidden; transition: all .5s; }
header .contact-2wm:before { content: ''; position: absolute; right: 5px; bottom: 100%; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 2; }
header .contact-2wm:after { content: ''; position: absolute; right: 4px; bottom: 100%; margin-top: -1px; margin-left: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #aaa; z-index: 1; }
header .contact-2wm img { width: 100%; }
header.scroll-down { height: 50px; }
header.scroll-down .logo { margin-top: 14px; }
header.scroll-down .logo img { width: 100px; height: 20px; }
header.scroll-down nav { margin-top: 10px; }
header.scroll-down .contact { margin-top: 18px; }
header.scroll-down .nav-menu-btn { margin-top: 10px; }
header.scroll-down .nav-item:hover .sub-nav-list { margin-top: 10px; }
header .nav-menu-btn { display: none; }
header .nav-item > i{ display:none}*/

header{width:100%;background:rgba(255,255,255,.3);position:fixed;top:0;left:0;height:80px;line-height:80px;z-index:99;display: none;box-shadow:0 0 20px rgba(0,0,0,.2)}
header .logo{width:118px;height:100%;text-align:center;float:left;margin-left:2%}
header .search-box{width:3%;height:100%;display:block;float:right;background:#b4b4b4 url(../images/head01.png) no-repeat center;position:relative;z-index:3;transition:background .3s}
header .login{font-size:14px;color:#fff;padding:0 10px;float:right;transition:color .3s;background:url(../images/en02.png) no-repeat left center;}
header .service{font-size:14px;color:#fff;padding:0 10px;float:right;transition:color .3s;background:url(../images/en02.png) no-repeat right center;margin-right:1%}
header .service a{display: inline-block;background:url(../images/qq.png) no-repeat left center;padding-left:24px;cursor: pointer;color: #fff;}
header .service a:hover{background:url(../images/qq-h.png) no-repeat left center;padding-left:24px; }
header .weixin{float:right;margin-right:1%;padding-left:26px;font-size:14px;color:#fff;position:relative;z-index:1;height:100%;background:url(../images/weixin.png) no-repeat left center;transition:color .3s,background .3s}
header .weixin a{color:#fff;display:block;transition:color .3s}
header .weixin a.tit{height:100%;width:100%;transition:color .3s,background .3s}
header .weixin .con{position:absolute;top:100%;left:-10%;display:none;background:#fff;padding-top:0px;height:120px;}
header .weixin:hover{background:url(../images/weixin-h.png) no-repeat left center}
header .weixin:hover a.tit{color:#af0e16;}
header .weixin a:hover{color:#af0e16}
header .h_language{float:right;padding:0 10px 0px 0px;}
header .h_language>a{color:#fff; font-size:15px;display: block;line-height: 80px;}
header .h_language>a i{line-height:1;}
header .h_language>a i:first-child{font-size:16px; background:none}
:root header .h_language>a i:first-child{display:inline-block; vertical-align:middle; font-size:0; width:18px; height:18px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background:#ccc url(../images/language_icon_2.gif) no-repeat center center; background-size:cover; margin-right:6px;}
:root header .h_language>a i:last-child{display:inline-block; vertical-align:middle; font-size:0; width:18px; height:18px; background:url(../images/head02.png) no-repeat center center; margin-right:6px;}
header .h_language>a:hover{color:#af0e16;}
header .h_language.mobile_language{display:none;}
header .nav-box{width:55%;margin:0 auto}
header .nav-box ul{width:100%}
header .nav-box li{padding: 0 2.5%;float:left;text-align:center}
header.en .nav-box li{padding: 0 2.0%;float:left;text-align:center}
header .nav-box a.tit{font-size:16px;color:#fff;height:100%;display:block;width:100%;transition:color .3s}
header .nav-box .tit span{width:9px;height:6px;display:inline-block;background:url(../images/head02.png) no-repeat center;background-size:100% 100%;margin-left:6px}
header .nav-box li:hover a.tit{color:#af0e16}
header .nav-box li:hover .tit span{background:url(../images/head02_h.png) no-repeat center;background-size:100% 100%}
header .nav-box .con{position:absolute;top:80px;left:50%;background:#fff;display:none;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:5}
header .nav-box .con{position:absolute;top:80px;left:0;background:#fff;display:none;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:5;width:100%}
header .nav-box .left{float:left;background:#f5f5f5;padding:59px 1.9% 150px 10.9%;width:35%}
header .nav-box .link-b{width:100%;display:block;padding-left:17%;text-align:left;font-size:15px;color:#333;line-height:40px;margin-bottom:5px;transition:background .3s,color .3s}
header .nav-box .link-b span{width:100%;display:block;background:0}
header .nav-box .pro-li .left{padding:59px 1.9% 150px 8.9%;height:450px}
header .nav-box .pro-li dd{width:33.33%;float:left}
header .nav-box .pro-li dd .link-b{background-position:8% center;background-repeat:no-repeat}
header .nav-box .pro-li .right .link-k{display:none}
header .nav-box .pro-li .right{padding:50px 5.5% 0 3%}
header .nav-box .pro-li .right .content{width:100%}
header .nav-box .pro-li dd .link-b.cur{background-color:#af0e16}
header .nav-box .link-b.ico_1{background:url(../images/head09.png) no-repeat 8% center}
header .nav-box .link-b.cur{color:#fff}
header .nav-box .link-b.cur span{background:url(../images/head05.png) no-repeat right 8% center}
header .nav-box .link-b.ico_1.cur{background:#af0e16 url(../images/head09_h.png) no-repeat 8% center}
.nav-box .link-k{width:23%}
.nav-box .link-k.none{display:none}
.nav-box .link-k h2{font-size:24px;color:#333;line-height:24px;padding-bottom:30px;text-align:left}
.nav-box .link-k h2 a{color:#333}
.nav-box .link-k a.on{display:block;width:100%;font-size:14px;text-align:left;color:#666;line-height:30px;transition:color .3s}
.nav-box .content .more{width:155px;height:40px;line-height:40px;padding-left:36px;font-size:14px;background:#af0e16 url(../images/head05.png) no-repeat 103px center;display:block;text-align:left;color:#fff;margin-top:35px}
.nav-box .link-k a:hover{color:#af0e16}
.nav-box .content{width:48%}
.navigation{width:100%;display:none}
.nav-box .content img{max-width:100%}
.supplier-notice-box .left img{max-width:100%}
.search-hbox .right li a{color:#333}
.search-hbox .right li a:hover{color:#d82117}
.search-hbox .right li a.cur{color:#d82117}
.nav-box .content p{text-align:left;font-size:14px;color:#666;line-height:24px;margin-top:22px}
header .nav-box .right{width:65%;padding:20px 13.5% 0 6%;float:right}
header .nav-box .con.none .left{width:50%;padding:59px 16.9% 150px 10.9%}
header .nav-box .pro-li .con.none .left{padding:59px 1.9% 150px 8.9%}
header .nav-box .con.none .right{width:50%}
header .nav-box .con.none .content{float:left;width:71.5%}
header .nav-box .about-li .con.none .left{padding:59px 5.9% 150px 21.9%}
header .nav-box .case-li .con.none .left{padding:59px 1.9% 120px 6.9%}
header .nav-box .case-li .con.none .link-b{width:50%;float:left}
header .nav-box .case-li .con.none .link-b{padding-left:10%}
.nav-box .case-li .con.none .content p{margin-top:12px}
.nav-box .case-li .con.none .content .more{margin-top:16px}
header .nav-box .ser-li .con.none .left{width:68%;padding:59px 4.9% 50px 7.9%}
header .nav-box .ser-li .con.none .left{padding: 59px 3% 50px 3%;}
header .nav-box .ser-li.buli .con.none .left{padding:59px 4.9% 250px 7.9%}
header .nav-box .ser-li .link-b{padding-left:22.6%}
header .nav-box .ser-li .con.none .right{width:32%;padding:50px 5.5% 0 3%}
header .nav-box .pro-li .con.none .right .content,header .nav-box .ser-li .con.none .content{width:92.6%}
header .nav-box .ser-li .con.none .log-four{width:25%;float:left}
header .nav-box .ser-li .log-four .font{padding-left:22.6%;font-size:13px;color:#666;display:block;width:100%;line-height:27px;text-align:left}
.flex-direction-nav a{z-index:1!important}
header .nav-box .ser-li .log-four .font:hover{color:#d9271b}
.search-send{position:absolute;z-index:5;background-color:#222;right:-34%;top:0;width:25%;height: 80px;transition:right .3s}
.search-send.on{right:0%}
.search-send .close{display:block;width:18px;height:18px;background:url(../images/head03.png) no-repeat center;position:absolute;top:50%;left:6px;margin-top:-9px;cursor:pointer;opacity:1;transition:transform .3s ease 0s}
.search-send .close:hover{transform:rotateZ(90deg);transition:transform .3s ease 0s}
.search-send form{width:100%;height:100%}
.search-send .text{border:0;font-size:18px;height:100%;text-align:left;width:100%;box-sizing:border-box;color:#c9c9c9;background:0;padding:0 5% 0 13%;outline:0}
.search-send .submit{cursor:pointer;border:0;background:url(../images/head01.png) no-repeat center;background-color:#af0e16;position:absolute;right:0;bottom:0;width:20%;outline:0;font-family: inherit;font-size: inherit; line-height: inherit;}
.search-send .text::-webkit-input-placeholder{color:#c9c9c9}
.search-send .text:-moz-placeholder{color:#c9c9c9}
.search-send .text::-moz-placeholder{color:#c9c9c9}
.search-send .text:-ms-input-placeholder{color:#c9c9c9}

header .lan_down{position:absolute; left:0%; top:100%; width:100%; background:url(../images/lanDown_bg.png) center;display:;color:#fff;}
header .lan_down .lan_content{padding-top:50px;}
header .lan_down .lan_content .sl {height:170px; position:relative; padding-left:115px; min-height:90px;}
header .lan_down .lan_content .sl .map {background:url(../images/lanDown_map.png) no-repeat; width:110px; height:90px; overflow:hidden; position:absolute; left:0; top:0;}
header .lan_down .lan_content .sl01 .map {background-position:0 0;}
header .lan_down .lan_content .sl01:hover .map {background-position:-110px 0;}
header .lan_down .lan_content .sl02 .map {background-position:0 -90px;}
header .lan_down .lan_content .sl02:hover .map {background-position:-110px -90px;}
header .lan_down .lan_content .sl03 .map {background-position:0 -180px;}
header .lan_down .lan_content .sl03:hover .map {background-position:-110px -180px;}
header .lan_down .lan_content .sl04 .map {background-position:0 -270px;}
header .lan_down .lan_content .sl04:hover .map {background-position:-110px -270px;}
header .lan_down .lan_content .sl05 .map {background-position:0 -360px;}
header .lan_down .lan_content .sl05:hover .map {background-position:-110px -360px;}
header .lan_down .lan_content .sl06 .map {background-position:0 -450px;}
header .lan_down .lan_content .sl06:hover .map {background-position:-110px -450px;}
header .lan_down .lan_content .sl07 .map {background-position:0 -540px;}
header .lan_down .lan_content .sl07:hover .map {background-position:-110px -540px;}
header .lan_down .lan_content .sl dt {font-size:22px; font-weight:bold; color:#e6e6e6; line-height:1.3; margin-bottom:10px;}
header .lan_down .lan_content .sl dd {height:28px;line-height:28px; }
header .lan_down .lan_content a {color:#c7c7c7;}
header .lan_down .lan_content a:hover {color:#caa403; text-decoration:underline;}

.row{width:101%;transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}
.row>.span-1{width:7.33333333%}
.row>.span-2{width:15.66666667%}
.row>.span-3{width:24%}
.row>.span-4{width:32.33333333%}
.row>.span-5{width:40.66666667%}
.row>.span-6{width:49%}
.row>.span-7{width:57.33333333%}
.row>.span-8{width:65.66666667%}
.row>.span-9{width:74%}
.row>.span-10{width:82.33333333%}
.row>.span-11{width:90.66666667%}
.row>.span-12{width:99%}

.navbar-overlay { display: none; }


@-webkit-keyframes scale-bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2)}
	to{-webkit-transform:scale(1);transform:scale(1)}
	
}
.container01 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}
.container01 .index_banner .item video{ position:absolute; top:0; left:0; height: 100%; width: 100%; object-fit: cover;}
.container01 .index_banner .item.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.container01 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size: cover !important;}
.container01 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.container01 .index_banner .item .inner .block_txt{position:absolute;top: 30%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 1000ms ease;transition:all 1000ms ease;}
.container01 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.container01 .index_banner .item .inner .block_txt h4{color:#fff;text-align:center;}
.container01 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:700;text-align:center;letter-spacing:5px}
.container01 .index_banner .item .inner .block_txt h2 span{color:#f5c920;display:inline-block;letter-spacing:5px}
.container01 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
.container01 .miso_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:0;border:0}

.container01 .index_banner .item:nth-child(2) .inner .block_txt{ top:25%}
.container01 .index_banner .item:nth-child(2) .liu_icon,.container01 .index_banner .item:nth-child(2) .banner_list2{ display:none}
.container01 .index_banner .item:nth-child(3) .liu_icon,.container01 .index_banner .item:nth-child(3) .banner_list2{ display:none}
.container01 .index_banner .item:nth-child(3) .inner .block_txt{ top:40%}

.container01 .index_banner .item:nth-child(3) .inner .block_txt h4{ text-align:right;}

.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ width:60px; height:60px; line-height:58px; margin-top:-30px; border-radius:50%; border:rgba(255,255,255,0.4) 1px solid; overflow:hidden; transition:0.6s}
.container01 .index_banner .miso-prev{ left:5%;}
.container01 .index_banner .miso-prev:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; margin-left:60px; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-prev:after{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-prev:hover:before{ margin-left:0; opacity:1}
.container01 .index_banner .miso-prev:hover:after{ margin-left:-60px; opacity:1}
.container01 .index_banner .miso-next{ right:5%; }
.container01 .index_banner .miso-next:before{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; margin-right:60px; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-next:after{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-next:hover:before{ margin-right:0; opacity:1}
.container01 .index_banner .miso-next:hover:after{ margin-right:-60px; opacity:1}
.container01 .index_banner .miso-next:hover,.container01 .index_banner .miso-prev:hover{ background:rgba(255,255,255,0.15)}

.banner-next {z-index: 1000;position: fixed;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff; display:none}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 23px;height: 34px;background:url(../images/next-icon.png) center no-repeat;}

.banner-next .next-icon:before{content:"";width: 3px;height: 8px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
.fp-viewing-0 .banner-next{ display:block}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.liu_icon{position:absolute;top: 19.5%;width:100%;text-align:center;}
.liu_icon img{ display:inline-block; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}
.section .title{text-align:center;margin-bottom: 2rem;}
.section .title h2{font-size:3rem;color:#fff;font-weight: bold;}
.section .title h3{font-size:2.25rem;color:#fff;margin: 1.25rem 0 1.25rem;font-weight: bold;}
.section .title h4{font-size:1.25rem;color:#fff;}

.fullpage-wrapper .media-holder{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background: #af0e16;/*-webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;}
.fullpage-wrapper .active .media-holder{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}
.fullpage-wrapper .media-holder span{display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}

.fullpage-wrapper .container02 .media-holder span{background:url(../images/container02_bg.jpg) center no-repeat; background-size:cover}


.container02 .title h2{color:#f30;}
.container02 .title h3{color:#f30;}
.container02 .title h4{color:#f30;}
.container02 .fp-tableCell{ position:relative}
.container02 .layui-container{padding: 0px 0px}
.container02 .top{height:calc(100%);/*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;position:absolute; width:100%; top:0;}
.fullpage-wrapper .container02.active .top{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}
.container02 .top .layui-container,.container02 .top .layui-container .layui-row, .container02 .top .layui-container .layui-row .box{ height:100%}
.container02 .top .box.box01{position:relative;z-index: 10;}
.container02 .top .box .table{ text-align:left}
.container02 .top .box p{ font-size:0.9375rem; line-height:1.875rem; color:#fff; margin-bottom:4.125rem; height:7.5rem; overflow:hidden}
.container02 .box02{background:rgba(255,255,255,.8);border-bottom-left-radius:10%;margin-bottom:3.125rem;}
.container02 .about{height: 100%;position:absolute; width:95%; top:2rem;left:2rem;bottom:0; -webkit-transform:scale(0.95,.92) translateZ(0px);-moz-transform:scale(0.95,.92) translateZ(0px);transform:scale(0.95,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out}
.fullpage-wrapper .container02.active .about{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px);}
.container02 .about .layui-container,.container02 .about .layui-container .layui-row,.container02 .about .layui-container .layui-row .layui-col-xs12{/* height:100% */}
.container02 .about .t1{display:block;font-size: 3rem;margin-bottom: 4rem}
.container02 .about .t1 small{display:block;padding-top:1rem;font-size:2rem;color:#000;text-transform:uppercase;font-weight: normal;}
.container02 .about ul{font-size:0; margin:0 0%; }
.container02 .about ul li{display:inline-block; *display:inline;*zoom:1;width:33%;text-align:left;position:relative;}
.container02 .about ul li i{background:#333;width:1px;position:absolute;left:-.5rem;top:3rem;bottom:0}
.container02 .about ul li h5{font-size: 1.125rem;color:#000; margin-bottom:1rem;}
.container02 .about ul li h4{ margin-bottom: 1rem; height:6.25rem}
.container02 .about ul li h4 span{font-size: 2.25rem;color:#000;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.container02 .about ul li h4 span.counter,.container02 .about ul li h4 span.counter01{font-size: 6.25rem;color:#000;font-family: Impact;}
.container02 .about ul li h4 span.lwy{font-size:65px;color:#000;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container02 .about ul li h4 small{font-size:0.875rem;color:#000;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}
.container02 .about ul li h6{font-size:.9rem;line-height: 1.2rem;color:#000;font-family: DIN Offc Pro;padding-right: 1rem;}

.container02 .about .t3{ margin: 2rem 0;}
.container02 .about .t3 span{font-size: 2.25rem;color:#000;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.container02 .about .t3 span.counter,.container02 .about .t3 span.counter01{font-size: 6.25rem;color:#000;font-family: Impact;}
.container02 .about .t3 span.lwy{font-size:65px;color:#000;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container02 .about .t3 small{font-size:0.875rem;color:#000;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:inline-block;}
.container02 .about .t4{font-size:1.0rem;font-weight:normal;line-height: 2rem;text-align: justify;}
.container02.en .about .t4{line-height: 1.8rem;}
.container02 .about .hide {display: none;}

#heliindex section{width: 90%;padding-left: 50px;padding-top:100px;}
#heliindex section  h3{display:block;font-size: 26px;margin-bottom: 40px}
#heliindex section  h3 small{display:block;padding-top:13px;font-size:28px;color:#000;text-transform:uppercase;font-weight: normal;}
#heliindex section .t2{width: 100%;display:inline-block; margin:40px 0px 40px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all; transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;}
#heliindex section .t2 dd{float:left;padding-left:20px;position:relative;width:33%;color:#000;min-height:128px}
#heliindex section .t2 dd i{background:#333;width:1px;position:absolute;left:4px;top:.5em;bottom:0}
#heliindex section .t2 dd span{font-size:16px;display:block;line-height:26px;}
#heliindex section .t2 dd em{margin:10px 0px 10px;font-size:36px;display:block;line-height:1.18;font-style: normal;}
#heliindex section div{font-size: 100px;margin-bottom: 10px;font-weight: bold;}
#heliindex section div em{font-size:22px;font-style: normal;}
#heliindex section p{color:#000;line-height:28px;font-size: 16px;}


.more001{ text-align:center}
.more001 a{
  position: relative;
  font-family: helvetica;
  font-size: 1rem;
  cursor: pointer;
  padding: 1.25rem 3.5rem;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  background:#fff;
  color: #333;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  overflow:hidden;
  border-radius: 3px;
  z-index: 1;
}
.more001 a::before,
.more001 a::after {
  background: #af0e16;
  content: '';
  position: absolute;
  z-index: 0;
}
.more001 a span{ position:relative; z-index:1}
.more001 a:hover{ color:#fff;}
.more001 a::after {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

/* BUTTON 2 */
.more001 a::after {
  height: 100%;
  right: 0;
  top: 0;
  width: 0;
}

.more001 a:hover:after {
  width: 100%;
  left: 0;
}

.more001 a span{ position:relative;}

.more001 a:hover span{color: #fff;}

.more00 a{
  position: relative;
  font-family: helvetica;
  font-size: 0.9375rem;
  background: none;
  cursor: pointer;
  padding: 1rem 3.5rem;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  overflow:hidden;
  border-radius: 1.5rem;
}
.more00 a::before,
.more00 a::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.more00 a::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;

}

/* BUTTON 2 */
.more00 a::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.more00 a:hover:after {
  width: 100%;
}

.more00 a span{ position:relative;}
.more00 a:hover span{ color:#af0e16}


.fullpage-wrapper .container03{ background:#fff}
.fullpage-wrapper .container03 .media-holder span{background:url(../images/container03_bg.jpg) center no-repeat; background-size:cover}

.container03 .title{text-align:center;}
.container03 .title h4{ margin: 1.25rem 0 1.875rem;}
.container03 ul{ font-size:0}
.container03 ul li{ display:inline-block; width:25%; padding:0 7px;text-align:center;height: 34rem;position:relative}
.container03 ul li .icon {vertical-align:middle;overflow: hidden;max-width: 7rem;max-height: 3.5rem;fill: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 ul li:nth-child(2) .icon{ max-width: 7rem;max-height: 4rem;}
.container03 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden; position:relative}
.container03 ul li:nth-child(1) a{background:url(../images/products_cat_1.jpg) center no-repeat; background-size:cover}
.container03 ul li:nth-child(2) a{background:url(../images/products_cat_2.jpg) center no-repeat; background-size:cover}
.container03 ul li:nth-child(3) a{background:url(../images/products_cat_3.jpg) center no-repeat; background-size:cover}
.container03 ul li:nth-child(4) a{background:url(../images/products_cat_4.jpg) center no-repeat; background-size:cover}
.container03 ul li h4{width: 100%;font-size: 1.375rem;color: #fff;font-weight: bold;top: 4rem; position:absolute;}
.container03 ul li h3{line-height: 34rem;width:100%; position:relative}
.container03 ul li h3 .table{ height:100%; width:100%; display:table;}
.container03 ul li h3 i{ display:table-cell; vertical-align:middle;}
.container03 ul li:hover .icon{-webkit-animation: toRightFromLeft 0.6s;-moz-animation: toRightFromLeft 0.6s; animation: toRightFromLeft 0.6s;}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(25%);
	}
	50% {
		opacity: 0;
		transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
.container03 ul li h5{width: 100%;font-size: 1.075rem;color: #fff;font-weight: normal;bottom: 3rem; position:absolute;}
.container03 ul li h5 span{border:1px #ececec solid;border-radius:3px;padding: .5rem 1.0rem;}
.container03 ul li a:before{ content:""; position:absolute; width:1.0275rem; height:12.625rem; border-bottom-left-radius:50%; border-bottom-right-radius:50%; top:50%; margin-top:-6rem; left:50%; margin-left:-0.5025rem; overflow: hidden; -webkit-transition: background 0.6s, color 0.6s, box-shadow 0.6s; -moz-transition: background 0.6s, color 0.6s, box-shadow 0.6s; transition: background 0.6s, color 0.6s, box-shadow 0.6s;}
.container03 ul li:hover h4{color: #af0e16;}
.container03 ul li:hover h5 span{border:1px #af0e16 solid;color: #af0e16;}

.container04 .title{text-align:center;}
.container04 .title h4{ margin: 1.25rem 0 1.875rem;}
.container04{background:url(../images/container04_bg.jpg) center no-repeat; background-size:cover}
.container04 ul{ font-size:0; text-align:center; overflow:hidden; margin:0 0px; /*-webkit-transform:scale(0.9,.85) translateZ(0px);-moz-transform:scale(0.9,.92) translateZ(0px);transform:scale(0.9,.92) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms ease-in-out;-moz-transition:-moz-transform 250ms ease-in-out;transition:transform 250ms ease-in-out*/}
/*.fullpage-wrapper .container04.active ul{-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;transition-delay:1400ms;-webkit-transform:scale(1,1) translateZ(0px);-moz-transform:scale(1,1) translateZ(0px);transform:scale(1,1) translateZ(0px)}*/
.container04 ul li{display:inline-block; *display:inline; *zoom:1;float:left;width: 25%;text-align:center; padding:0 7px; margin-bottom:14px;}

.container04 ul li{ transform:translateY(150px); opacity:0; transition:0.4s;}
.container04.active ul li{ transform:translateY(0); opacity:1;}
.container04 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.container04 ul li a .img,.container04 ul li a .img img{ width:100%; overflow:hidden; position:relative}
.container04 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container04 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .container04 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .container04 ul li a .img:after{filter:none;}/*for IE9*/
.container04 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.container04 ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.container04 ul li a .con h3 img{ max-width:80%}
.container04 ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.container04 ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container04 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(175,14,22,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.more01{ padding:0rem 0 0;position: absolute;top: 1rem;right: 2rem}
.more01 a small{ line-height:16px; font-size:0.875rem; color:#3c3c3c}
.more01 a dl{font-size:0;width: 16px;display:  inline-block;margin: 0;margin-right: 0.25rem;}
.more01 a dl dd{display:inline-block; *display:inline; *zoom:1;margin: 1px;}
.more01 a dl dd span{display:block;width: 3px;height: 3px;position:relative;}
.more01 a dl dd span:before{content:"";position:absolute;left:0;top:0;width: 3px;height: 3px;background:#3c3c3c;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}


.fullpage-wrapper .container05{ background:#af0e16}
.fullpage-wrapper .container05 .media-holder span{background:url(../images/container05_bg.jpg) center no-repeat; background-size:cover}

.container05{background:#af0e16;}
.container05 .title h4{ margin: 1.25rem 0 1.875rem;}
.container05 ul{ font-size:0; margin:0 -1.625rem}
.container05 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.625rem;}
.container05 ul li .img{ background:#000}
.container05 ul li .img,.container05 ul li .img img{ overflow:hidden; width:100%; max-height: 20rem;position:relative}
.container05 ul li .img a>img{ opacity:0.8}
.container05 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative}
.container05 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#af0e16; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container05 ul li .con h5,.container05 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#3a3a3a; position:relative}
.container05 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; position:relative}
.container05 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; margin:0.75rem 0 .75rem; position:relative}
.container05 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.container05 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.container05 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.container05 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#af0e16; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.container05 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.container05 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.container05 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.container05 .more01 a small{color:#fff}
.container05 .more01 a dl dd span:before{background:#fff;}

.fullpage-wrapper .container06{ background:#fff}
.fullpage-wrapper .container06 .media-holder span{background:url(../images/container06_bg.jpg) center no-repeat; background-size:cover}

.container06 .title{ text-align:center; margin-top:1.4375rem}
.container06 .title h4{ margin: 1.25rem 0 2.875rem;}
.container06 ul{ font-size:0}
.container06 ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:2.4375rem 0}
/*.container06 ul li{ transform:translateY(150px); opacity:0;}
.container06.active ul li{ transform:translateY(0); opacity:1;}
.container06.active ul li:nth-child(1){ transition:1s 0.2s;}
.container06.active ul li:nth-child(2){ transition:1s 0.4s;}
.container06.active ul li:nth-child(3){ transition:1s 0.6s;}
.container06.active ul li:nth-child(4){ transition:1s 0.8s;}
.container06.active ul li:nth-child(5){ transition:1s 1s;}
.container06.active ul li:nth-child(6){ transition:1s 1.2s;}
.container06.active ul li:nth-child(7){ transition:1s 1.4s;}
.container06.active ul li:nth-child(8){ transition:1s 1.6s;}*/
.container06 ul li a{display:inline-block;width:12.5rem;height:12.5rem;background:#fff;border-radius:50%;padding: 2rem 0; position:relative}
.container06 ul li a h3{ line-height:6rem}
.container06 ul li a h3 img{ max-height:3.75rem}
.container06 ul li a h5{ font-size:1.125rem; color:#414143;}

.container06 ul li a:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
.container06 ul li a:after {
	top: -10px;
	left: -10px;
	padding: 10px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.36s, opacity 0.36s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.36s, opacity 0.36s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.36s, opacity 0.36s;
	transform: scale(.8);
	opacity: 0;

}

.fp-viewing-f8 .banner-next{ display:none}

.container06 ul li a .pp{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius: 50%; transform:scale(0); overflow:hidden; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li a .pp p{font-size:15px;line-height:24px;color:#4d4d4d;padding: 0 1.875rem;}

.container07 .top{ position:relative}
.container07 .top .kuang{position:absolute;right:11%;top:0;bottom:0;width: 37.5rem;}
.container07 .top .kuang .con{background:#fff;box-shadow:0 10px 15px rgba(0,0,0,0.25);width:37.5rem;float:right;text-align:left;padding:3.125rem;}
.container07 .top .kuang .con h4{ font-size:1.375rem; color:#3d3d3d;}
.container07 .top .kuang .con h3{ margin:1rem 0 2rem}
.container07 .top .kuang .con h3 big{font-size: 2rem;color:#af0e16;font-weight:bold;font-family:Impact;}
.container07 .top .kuang .con h3 big.big02{margin-left:1.25rem;}
.container07 .top .kuang .con h3 small{ font-size:0.875rem; color:#af0e16;  vertical-align:bottom}
.container07 .top .kuang .con p{ font-size:0.9375rem; color:#595959; line-height:1.875rem;}

.container08{overflow:visible}
.container08 .partner{background:#ad0101;}
.container08 .partner ul{ font-size:0}
.container08 .partner ul li{ display:inline-block; padding:0; width:25%; text-align:center; margin:2.4375rem 0}
.container08 .partner ul li a{display:inline-block;width:12.5rem;height:6rem;background:#fff;border-radius:5%;padding: .2rem 0; position:relative}
.container08 .partner ul li a h3{ line-height:4rem}
.container08 .partner ul li a h3 img{ max-height:5.55rem}
.container08 .partner ul li a h5{ font-size:1.125rem; color:#414143;}
.container08 .partner ul li a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}
.container08 .partner ul li a:after {
    top: -10px;
    left: -10px;
    padding: 10px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.36s, opacity 0.36s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.36s, opacity 0.36s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.36s, opacity 0.36s;
    transform: scale(.8);
    opacity: 0;

}
.container08 .partner ul li a .pp{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius: 5%; transform:scale(0); overflow:hidden; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container08 .partner ul li a .pp p{font-size:15px;line-height:24px;color:#4d4d4d;padding: 0 1.875rem;}

.container08 .bottom{background:#191919;padding: 3.75rem 2rem 3.375rem;}
.container08 .bottom .left{width: 75%;}
.container08 .bottom .left dl{width: 16%;margin-right:2rem; display:inline-block; vertical-align: top;}
.container08 .bottom .left dt{ font-size:1.125rem; color:#fff; margin-bottom:1.25rem;padding-bottom: 1rem;border-bottom: 1px solid #494949;}
.container08 .bottom .left dt a{ color:#fff}
.container08 .bottom .left dd{ font-size:0.9375rem; clor:#b2b2b2; line-height:2.275rem;}
.container08 .bottom .left dd a{ color:#b2b2b2}
.container08 .bottom .right{ width: 25%;}
.container08 .bottom .right .weixinbox{ margin: 10px 0 10px auto;}
.container08 .bottom .right .weixinbox dd{ width: 50%;float: right;display: inline-block;text-align: center;}
.container08 .bottom .right .weixinbox dd span{ display: block; text-align: center; padding-top: 5px; color:#ddd; font-size:14px;}
.container08 .bottom_box{ height:100%;}

.container08 .bottom_box .con_bottom .left_con{padding: 5rem 0 0;margin-right: 11rem;font-size:  13px;color: #cdd6e5;}
.container08 .bottom_box .con_bottom .right_con ul{ text-align:right}
.container08 .bottom_box .con_bottom .right_con ul{ margin-bottom:1.25rem}
.container08 .bottom_box .con_bottom .right_con ul li{ display:inline-block; padding:0 5px}
.container08 .bottom_box .con_bottom .right_con ul li a{display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;border:#739ac4 1px solid;border-radius:50%;position:relative;cursor:  pointer;}

.container08 .bottom_box .con_bottom .right_con ul li a .qrcode{
	width: 200px;
	position: absolute;
	left: -40px;
	bottom: 50px;
	z-index: 9;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	padding-bottom: 5px;
	display: none;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .pic{
	width: 170px;
	height: 170px;
	padding: 5px;
	display:  inline-block;
	margin-top: 10px;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode img{
	width: 100%;
	display: block;
}
.container08 .bottom_box .con_bottom .right_con ul li a .qrcode .txt1{
	line-height: 20px;
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
.container08 .footer{background:#000;padding: 1.05rem 2rem;color:#b2b2b2}
.container08 .footer .links a{ display:inline-block; position: relative;}
.container08 .footer .links a+a{ margin-left: 20px;}
.container08 .footer .links a+a:before{ content: ""; left: -10px; position: absolute;  height: 50%; top: 25%; width: 1px; display: block; background: #59626f; }
.container08 .footer .links{ float: right;}
.container08 .footer a{ color:#b2b2b2}

/*广告法申明*/
.advert{position:relative;}
.advert .advert_box{position:absolute; left:0; bottom:150%; background:#fff; width:200px; padding:15px; font-size: 12px; line-height: 24px;color:#555; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.advert .advert_box:after{content:''; height:0;
    width:0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color:#fff transparent transparent transparent ;
    border-style:solid solid dashed dashed;
    border-width:6px; position:absolute; top:100%; left:10px;
}
.advert:hover .advert_box{opacity:1; visibility:visible;}

#fp-nav{ display:none}
.fp-viewing-f1 header{ display:block}
.fp-viewing-f1 .menu-handler{ display:none}
.fp-viewing-f1 .piaofu{ display:none}

.s_foot_link{height: 45px;cursor:pointer;overflow:visible;position: relative;text-align:left;}
.s_foot_link .yqlj{display:inline-block;width:110px;height:45px;line-height:43px;border:#dadbdb 1px solid;text-align:center;font-size:14px;color:#212121;float:left;background: #f0f1f3;}
.s_foot_link .tanchu{float:left;width: 100%;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left: 0;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #af0e16;display:block;padding: 10px 1.25rem;border: #6289b3 1px solid;}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #cdd6e5;line-height: 27px;display:block;font-size: 14px;}
.s_foot_link .tanchu a:hover{color: #ff0;}
.s_foot_link #bnt_link1.a {padding-left: 1.25rem;font-size:  13px;color: #cdd6e5;text-align:left;line-height: 43px;width: 235px;box-sizing:border-box;text-decoration:none;border: #6289b3 1px solid;float: left;}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 43px;width:37px;text-align:center;height:100%;}

.fp-controlArrow { display:none}

.banner_list2 {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.banner_list2 canvas{ opacity:0.25}

.button {
  position: relative;
  cursor: pointer;
  color: white;
  padding: 0;
}
.button .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {
  background-color: #bb4c42;
}
.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {
  background-color: #373c8d;
}
.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {
  background-color: #373c8d;
}
.button:before, .button:after, .button .inner:before, .button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  background: #373c8d;
}
.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {
  left: 0;
  width: 100%;
  height: 8px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {
  top: 0;
  width: 8px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.button.horizontal .inner:before, .button.both .inner:before {
  left: 0;
}
.button.horizontal .inner:after, .button.both .inner:after {
  right: 0;
}
.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal:before, .button.both:before {
  top: 0;
}
.button.horizontal:after, .button.both:after {
  bottom: 0;
}
.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);

}
.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:before, .button.both.clockwise:before {

  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.clockwise:after, .button.both.clockwise:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {
  -webkit-transform-origin: left center;

          transform-origin: left center;

}
.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {

  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.vertical:before, .button.vertical:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.vertical:before {
  left: 0;
}
.button.vertical:after {
  right: 0;
}
.button.vertical:hover:before, .button.vertical:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.counterclockwise:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.header_visible{display:block;top: 0;}

.n_header{height: 130px;background:#fff;position: fixed;width: 100%;z-index: 10000;top: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.n_banner{height:29.375rem;position: relative;margin-top: 130px;}

header.header_visible .nav-item > a{ color:#333333}
header.header_visible nav{margin-top: 40px;}

.n_banner h3{font-size:2rem;color:#fff;font-weight:bold;margin-bottom:1rem;margin-top: -2rem;}
.n_banner h4{ font-size:2.125rem; color:#fff; text-transform:uppercase; position:relative}
.n_banner h4.h4{ font-size:1.375rem; line-height:2rem}
.n_banner h4:before{ content:""; position:absolute; left:50%; bottom:-36px; width:45px; height:3px; background:#fff; margin-left:-22.5px;}

.al_select{background: #fff;}
.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.al_select ul li{width:50%;display:inline-block; *display:inline; *zoom:1;height:5.25rem;line-height:5.25rem;position:relative;border-right: #e1e4e6 1px solid;border-bottom: #e5e5e5 1px solid;}
.al_select ul li:after{content:"";position:absolute;width:0;right:0;bottom: -1px;height: 2px;background: #af0e16;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 10;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}

.al_select ul li.on:after{ left:0; width:100%}

.n_container{ background:#fff}
.n_container .n_about{ padding:4.375rem 0 0}

.n_about .fl01{ padding-bottom:3rem}
.n_about .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem}
.n_about .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}

.n_about .fl02{background:#f3f4f6;padding: 4.5rem 0;}
.n_about .fl02 ul{font-size:0; margin:0 -8%; }
.n_about .fl02 ul li{display:inline-block; *display:inline;*zoom:1;width:20%;text-align:center;}
.n_about .fl02 ul li h5{font-size: 1.125rem;color:#6a6a6a;margin-bottom: 2.125rem;}
.n_about .fl02 ul li h4{height: 4.5rem;}
.n_about .fl02 ul li h4 span{font-size: 2.25rem;color:#af0e16;vertical-align: middle;font-weight:  normal;font-family: Impact;}
.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 4.5rem;color:#af0e16;font-family: Impact;}
.n_about .fl02 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_about .fl02 ul li h6{font-size:12px;color:#af0e16;font-family: DIN Offc Pro;}
.n_about .fl02 ul li .hide{ display:none}
.n_about .fl02 ul li h4 small{font-size:0.875rem;color:#af0e16;margin-left: 0.5rem;vertical-align: bottom;margin-bottom: 11px;display:  inline-block;}

.n_zhici{ padding:4.375rem 0; background:url(../images/n_zhici_bg.png) left bottom no-repeat}
.n_zhici .ar_article h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; padding:1.875rem 0 0}
.n_zhici .ar_article h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:3rem}
.n_zhici .ar_article{ /*display:-webkit-box*/}
.n_zhici .ar_article .left{ /*display:table-cell;*/ width:58%; padding:0 4.5rem 0 0}
.n_zhici .ar_article .right{ display:table-cell; width:36.785%;}
.n_zhici .ar_article .right .img{ display:inline-block; position:relative}
.n_zhici .ar_article .right .img:before{ content:""; position:absolute; right:-8px; bottom:0; width:8px; height:47.5%; background:#cdcecf}

.n_licheng{padding:4rem 0;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}
.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.nianf{width: 145px;height: 50px;line-height: 46px;border:#af0e16 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}
.nianf:hover{ color:#af0e16 !important;}
.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#af0e16;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}
.nianf:hover:after { top:auto; bottom:0; height:0; }

.n_licheng .content_box{ position:relative; padding:50px 0}
.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#af0e16}
.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}
.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#af0e16 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}
.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#af0e16 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}
.n_licheng ul{ overflow:hidden}
.n_licheng ul li{position:relative; padding:30px 0;}
.n_licheng ul li .left{position:absolute;top:0;bottom:0;z-index: 100;}
.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;}
.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}
.n_licheng ul li .right{width:calc(100% - 288px);background:rgba(255,255,255,0.75);min-height: 110px;border-radius:8px;position:relative;}
.n_licheng ul li .right .box{height:100%;padding: 25px 20px;}
.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}
.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:rgba(255,255,255,0.75) 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}

.n_wenhua{ padding:4rem 0; background:url(../images/n_wenhua_bg.jpg) center bottom no-repeat}

.n_contact{ padding:13.5rem 0; background:url(../images/map01.png) center no-repeat;}
.n_contact dl{ font-size:0}
.n_contact dl dt{ display:inline-block; width:34%;}
.n_contact dl dt h2{ font-family:Impact; font-size:4.25rem; color:#af0e16; text-transform:uppercase; padding:0.5rem 0 0}
.n_contact dl dt h3{ font-weight:bold; font-size:2.5rem; color:#33383e; margin:1.75rem 0 1.125rem}
.n_contact dl dt h4{ font-size:1.375rem; color:#33383e;}
.n_contact dl dd{ display:inline-block; width:22%; text-align:center}
.n_contact dl dd h3{ height:5.375rem}
.n_contact dl dd h4{ font-size:1.625rem; color:#33383e; font-weight:bold; text-transform:uppercase; margin-bottom:1rem}
.n_contact dl dd p{font-size: 1rem;color:#33383e;line-height:1.875rem;}

.n_case{ padding:3.75rem 0 5rem}
.n_case ul{font-size:0;margin:0 -12px;margin-bottom: 2rem;}
.n_case ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:24px;}
.n_case ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.n_case ul li a .img,.n_case ul li a .img img{ width:100%; overflow:hidden; position:relative}
.n_case ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.n_case ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .n_case ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .n_case ul li a .img:after{filter:none;}/*for IE9*/
.n_case ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.n_case ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.n_case ul li a .con h3 img{ max-width:80%}
.n_case ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.n_case ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(21,96,157,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}


/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages a{height: 40px;line-height: 40px;display:inline-block;margin:0 5px;padding: 0 10px;color: #646466;font-size: 18px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size: 15px;font-family:SimSun;color: #000;border:  #d3d3d3 1px solid;display:  block;border-radius: 50%;width:  32px;height: 32px;}
.j_pages .on{border-bottom: #af0e16 2px solid;}

.n_case_detail{ padding:4.375rem 0 4.6875rem}
.n_case_detail .content{background:#fff;padding:4.25rem;display: table;width: 100%;}
.n_case_detail .content .left{width: calc(100% - 21.5625rem);display:table-cell;padding-right:4rem;}
.n_case_detail .content .left .title{ margin-bottom:2.5rem}
.n_case_detail .content .left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_case_detail .content .left .title h6{ font-size:14px; color:#808080; line-height:20px;}
.n_case_detail .content .left .title h6 img{ margin-right:8px}
.n_case_detail .content .right{ width:21.5625rem; display:table-cell}
.n_case_detail .content .right h3{ font-size:1.375rem; color:#404142; font-weight:bold; margin-bottom:2rem; display:block}
.n_case_detail .content .right ul li .img{ overflow:hidden}
.n_case_detail .content .right ul li .img img{ width:100%}
.n_case_detail .content .right ul li .con{ padding:1.125rem 6px 1.875rem}
.n_case_detail .content .right ul li .con h5{ font-size:1.125rem; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px;}
.n_case_detail .content .right ul li .con h6{ font-size:12px; color:#5c5c5c; line-height:20px;}

.sticky{position:sticky;top: 170px;}

.n_yewu{ padding:3.375rem 0}
.n_yewu ul{font-size:0;margin:0 -1rem;margin-bottom: 2rem;}
.n_yewu ul li{ display:inline-block; width:25%; padding:0 1rem; margin-bottom:2rem;}
.n_yewu ul li a{ display:block; border-radius:6px; border:#f0f0f0 2px solid; text-align:center; padding:3.375rem 0; background:#fcfcfc}
.n_yewu ul li a h3{ line-height:4.6875rem;}
.n_yewu ul li a h3 img{ max-height:42px}
.n_yewu ul li a h5{ font-size:1.5625rem; color:#38393c; font-weight:bold; margin-bottom:2rem}
.n_yewu ul li a p{ font-size:14px; line-height:24px; height:72px; color:#5a5a5a; padding:0 2rem}


@keyframes xuanzhuan
{
    from { transform: rotateY(0deg);}
    to { transform: rotateY(360deg);}
}

.n_yewu_detail{ padding:3.75rem 0 5rem}
.n_yewu_detail .title{ text-align:center; margin-bottom:2.75rem}
.n_yewu_detail .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}
.n_yewu_detail .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}
.n_yewu_detail ul{font-size:0;margin:0 -12px;margin-bottom: 0rem;}
.n_yewu_detail ul li{ display:inline-block; width:33.333333%; padding:0 12px; margin-bottom:2.5rem;}
.n_yewu_detail ul li .img{ overflow:hidden}
.n_yewu_detail ul li .img img{ width:100%}
.n_yewu_detail ul li .con{ padding:1.5rem 1.75rem 1.5rem; border:#e9e9e9 1px solid}
.n_yewu_detail ul li .con h5{font-size:1.125rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-weight:bold;height: 1.25rem;line-height: 1.25rem;}
.n_yewu_detail ul li .con h6{ font-size:13px; color:#656565; line-height:20px;}

.n_yuangong{ padding:3rem 0}
.n_yuangong ul{font-size:0;margin:0 -12px;}
.n_yuangong ul li{ display:inline-block; width:20%; padding:0 12px; margin-bottom:24px;}
.n_yuangong ul li a{ display:block; border-radius:6px; border:#f0f0f0 1px solid; text-align:center; padding:1rem 0 2.5rem; background:#fcfcfc}
.n_yuangong ul li a h3{ line-height:4.6875rem;}
.n_yuangong ul li a h5{ font-size:16px; color:#3a3a3a;}

.n_news{ padding:0 0 5rem}

.n_news .fl01{ padding:4.375rem 0 1rem; background:url(../images/n_news_fl01.jpg) center top no-repeat; background-size:cover}
.n_news .fl01 ul{ font-size:0; margin:0 -1.6875rem}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding:0 1.6875rem;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: 1.55rem 10px 1.75rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#af0e16; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;}
.n_news .fl01 ul li .con p{ font-size:0.875rem; color:#848484; line-height:1.5rem; overflow:hidden; height:3rem; margin:0.75rem 0 1.5rem; position:relative}
.n_news .fl01 ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}


.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#af0e16; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;}
.n_news .fl02 ul li{padding: 1.675rem 0;border-bottom: #eaeaea 1px solid;position:relative;overflow:hidden;}
.n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#f8f8f8; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl02 ul li .box a{padding: 1.25rem 10px 1.25rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.n_news .fl02 ul li .box a h5,.n_news .fl02 ul li .box a h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a p{font-size:0.875rem;color:#848484;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li .box a h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_news .fl02 ul li .box a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}

.n_news .fl02 ul li .box a h4{ font-size:14px; color:#666666; line-height:20px;}
.n_news .fl02 ul li .box a h4 span{ margin-left:15px}
.n_news .fl02 ul li .img{ float:left; width:16.5625rem; overflow:hidden}
.n_news .fl02 ul li .img img{ width:100%}
.n_news .fl02 ul li .box{ float:right; width:calc(100% - 18.375rem);}

.n_news_detail{ padding:3.125rem 0 5rem}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .content .n_left{width: calc(100% - 20.625rem);display:table-cell;padding-right:4.375rem;}
.n_news_detail .content .n_left .n_left_box{ background:#fff; padding:4.375rem 4.375rem}
.n_news_detail .content .n_left .title{ margin-bottom:2.5rem}
.n_news_detail .content .n_left .title h3{ font-size:2rem; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_news_detail .content .n_left .title h6{ font-size:14px; color:#808080; line-height:20px;}
.n_news_detail .content .n_left .title h6 span{ margin-right:1.5rem}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.n_news_detail .content .n_left .title h6 .span2 a{ color:#808080;}

/*==============分享插件=====================*/
.shart_box{}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position:relative;display: none;height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{position: absolute;left: 94px;top: -10px;width: 215px;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}

.n_news_detail .content .n_right{ width:20.625rem; display:table-cell}

.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}


.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}
.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(../images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}

.n_news_detail .content .n_right .frl02{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl02 .title{ font-size:1.375rem; color:#404142; font-weight:bold; line-height:3.75rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .content .n_right .frl02 ul li{ font-size:1.0625rem; color:#404142; line-height:2.875rem}
.n_news_detail .content .n_right .frl02 ul li a{ color:#404142; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_video{ padding:3.75rem 0 5rem}
.n_video ul{ font-size:0; margin:0 -1.25rem; margin-bottom:1.5rem}
.n_video ul li{display:inline-block;width:50%;padding:0 1.25rem;margin-bottom: 1rem;}
.n_video ul li a{ display:block; transition:0.8s; cursor:pointer}
.n_video ul li a .img,.n_video ul li a .img>video{width:100%;overflow:hidden;position:relative;object-fit: fill; height:350px;}
.n_video ul li a .img .top{position:absolute;bottom: 0;left:0;width:100%;background:url(../images/hei30.png);}
.n_video ul li a h5{line-height: 60px;font-size: 1.125rem;color: #424344;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;font-weight: bold;text-align: left;}
.n_video ul li a .img img{ width:100%}


/*======================j_弹窗======================*/
#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}
#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}
#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#page_video {width: 796px;height: 405px;position: relative;}
#page_video .video_box {border: 5px solid #1a1a1a;width: 726px;height: 405px;overflow: hidden;}
#page_show_video_box #j_video {background: #000 url(../images/ajax-loader.gif) center 200px no-repeat;background-size: 100px 100px;}
#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 726px;background: #1a1a1a;display: none;}
#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}
#page_show_video_box .info p.last {padding-bottom: 0;}
#page_show_video_box #playercontainer {display: none;}
#page_show_video_box #page_ar {width: 810px;position: relative;}
#page_show_video_box #page_ar .ar_box {border: 5px solid #1a1a1a;width: 730px;padding: 40px 0;background: #fff;position: relative;}
#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}
#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}
#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#bnt_close01 {display: block;width: 70px;height: 70px;background: #1a1a1a;position: absolute;top: 0;right: 0;}
#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; transition:0.6s}
#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

#page_show_video_box video{width: 716px;height: 395px;}


.n_zizhi .title{ text-align:center; margin-bottom:2.75rem}
.n_zizhi .title h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; font-weight:bold}
.n_zizhi .title h4{ font-size:2rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact}
.n_zizhi .fl01{ padding:4rem 0 3rem}
.n_zizhi .fl01 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl01 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}
.n_zizhi .fl01 ul li a{ display:block; position:relative}
.n_zizhi .fl01 ul li a .top_img img{ width:100%}
.n_zizhi .fl01 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 91%;}
.n_zizhi .fl01 ul li a .img img{max-width: 78%;max-height: 34%;}
.n_zizhi .fl02{background:#f3f3f6;padding: 4rem 0 3rem;}
.n_zizhi .fl02 ul{font-size:0;margin: 0 -2rem;}
.n_zizhi .fl02 ul li{display:inline-block;width:25%;text-align:center;padding: 0 2rem;}
.n_zizhi .fl02 ul li a{ display:block; position:relative}
.n_zizhi .fl02 ul li a .top_img img{ width:100%}
.n_zizhi .fl02 ul li a .img{position: absolute;top: 0;width: 100%;left: 0;height: 84%;}
.n_zizhi .fl02 ul li a .img img{max-width: 64%;max-height: 140px;display: inline-block;}

.n_yingpin .fl01{ background:url(../images/n_yingpin_fl01_bg.jpg) center no-repeat; background-size:cover; padding:4.375rem 0}
.n_yingpin .fl01 ul{ font-size:0}
.n_yingpin .fl01 ul li{ display:inline-block; width:33.333333%; text-align:center; }
.n_yingpin .fl01 ul li h3{ line-height:5.625rem}
.n_yingpin .fl01 ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold}
.n_yingpin .fl02{ background:url(../images/n_yingpin__fl02_bg.jpg) center bottom no-repeat; background-size:100% auto; padding:4.375rem 0 3.75rem}
.n_yingpin .fl02 ul li{ margin-bottom:1.125rem}
.n_yingpin .fl02 ul li a{display:block;padding: 3rem 6rem 2.75rem;border:#dedede 1px solid;border-radius:5px;text-align:center;position:relative;overflow:hidden;transition:0.6s;}
.n_yingpin .fl02 ul li a:before{ content:""; position:absolute; bottom:0; background:#af0e16; height:0; left:0; right:0; transition:0.6s}
.n_yingpin .fl02 ul li a h5,.n_yingpin .fl02 ul li a h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem;color:#3a3a3a;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold}
.n_yingpin .fl02 ul li a h6{font-size:13px;color:#878787;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1rem; position:relative}
.n_yingpin .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #878787;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}
.n_yingpin .fl02 ul li a .zi{ position:absolute; top:0; bottom:0; left:3.5rem}
.n_yingpin .fl02 ul li a .zi .table{ width:auto}
.n_yingpin .fl02 ul li a .jia{ position:absolute; top:50%; margin-top:-15px; right:4rem; width:30px; height:30px; transition:0.6s}
.n_yingpin .fl02 ul li a .jia:before{ content:""; position:absolute; width:30px; height:1px; background:#ababab; left:0; top:50%; margin-top:-0.5px;}
.n_yingpin .fl02 ul li a .jia:after{ content:""; position:absolute; width:1px; height:30px; background:#ababab; left:50%; top:0; margin-left:-0.5px;}
.n_yingpin .fl02 ul li a .zi .img02{ display:none}

.n_renli .left{ width:50%; padding:0 2rem 0 0}
.n_renli .left h3{ font-size:1.75rem; color:#3a3a3d; margin-bottom:0.5rem; margin-top:2rem}
.n_renli .left h4{ font-size:1.75rem; color:#c9c9ca; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}
.n_renli .left p{ font-size:1.0625rem; color:#5e5e5e; line-height:2.125rem; margin-bottom:2rem}

.n_renli .fl01{ padding:5.25rem 0}
.n_renli .fl01 .right{ width:50%; padding:0 0 0 2rem}
.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}
.n_renli .fl01 .right .swiper-container ul li{text-align: center;background-position: center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.n_renli .fl01 .right .swiper-container ul li .img{ padding:0}
.n_renli .fl01 .right .swiper-container ul li .img img{width:auto;}

.n_renli .fl02{ background:url(../images/n_renli_fl02_bg.jpg) center no-repeat fixed; background-size:cover; text-align:center; padding:8.5rem 0 11.875rem}
.n_renli .fl02 h3{ font-size:1.875rem; color:#fff; margin-bottom:1.25rem;}
.n_renli .fl02 h4{ font-size:1.675rem; color:#fff; margin-bottom:2.5rem}
.n_renli .fl02 h2{ font-size:3.75rem; color:rgba(255,255,255,0.2); text-transform:uppercase; font-family:Impact; font-weight:normal;}
.n_renli .fl03{padding: 4.375rem 0 5rem;text-align:center;overflow: hidden;}
.n_renli .fl03 .box{ display:inline-block; position:relative}
.n_renli .fl03 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%}
.n_renli .fl03 .box .wz h3{ font-size:1.75rem; color:#fff; margin-bottom:0.75rem; margin-top:2rem ; font-weight:bold}
.n_renli .fl03 .box .wz h4{ font-size:1.75rem; color:#869ec3; text-transform:uppercase; font-family:Impact; font-weight:normal; margin-bottom:2.5rem}
.n_renli .fl03 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;font-weight: bold;}
.n_renli .fl03 .box .con:before{ width:8.5rem;}
.n_renli .fl03 .box .con:after{ width:34px; height:34px; }
.n_renli .fl03 .box .con01{left: 73%;top: 5rem;padding-left: 12rem;}
.n_renli .fl03 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con01:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.n_renli .fl03 .box .con02{left: 73%;bottom: 5rem;padding-left: 12rem;}
.n_renli .fl03 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con02:after{ content:""; position:absolute; top:50%; margin-top:-17px; left:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.n_renli .fl03 .box .con03{right: 73%;bottom: 5rem;padding-right: 12rem;}
.n_renli .fl03 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con03:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}
.n_renli .fl03 .box .con04{right: 73%;top: 5rem;padding-right: 12rem;}
.n_renli .fl03 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 34px;margin-top:-1px;border-bottom:#3b3b3b 1px dashed;}
.n_renli .fl03 .box .con04:after{ content:""; position:absolute; top:50%; margin-top:-17px; right:0; border:#c2c2c2 1px solid; border-radius:50%; background:#fff}

.biaoyu{ text-align:center}
.biaoyu a{margin-top: 3.125rem;display:inline-block;width:405px;height:65px;line-height:65px;font-size:1.375rem;color:#fff;font-weight:bold;border:#adc4dd 5px solid;border-radius: 42px;background:#af0e16;box-sizing: content-box;}

.n_wenhua{ padding:3.75rem 0 5.625rem;}
.n_wenhua .fl01{text-align:center;overflow: hidden;}
.n_wenhua .fl01 .box{ position:relative}
.n_wenhua .fl01 .box .wz{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_wenhua .fl01 .box .wz h5{ font-size:1.875rem; color:#464646; font-weight:bold; margin-top:1.25rem}
.n_wenhua .fl01 .con h3{ font-size:1.75rem; color:#464646; margin-bottom:1.5rem; font-weight:bold}
.n_wenhua .fl01 .con p{ font-size:16px; color:#464646; line-height:32px;}
.n_wenhua .fl01 .con01{ position:absolute; left:50%; margin-left:22%; top:6rem; text-align:left}
.n_wenhua .fl01 .con02{ position:absolute; right:50%; margin-right:22%; top:6rem; text-align:right}

.n_wenhua .fl01 .con03 h3{ padding:3.25rem 0 0}

#mainMap,#mainMap>div,#mainMap canvas{ background:none !important; user-select:none !important}

.piaofu .close{position:fixed;bottom: 32rem;right:1rem;font-size: 22px;color:#333; cursor:pointer}

.kaiguan{position:fixed;bottom: 32rem;right: -60px;width: 60px;line-height: 60px;border-radius:50%;background:#af0e16;line-height: 60px;font-size: 25px;color:#fff;cursor:pointer;padding: 0 12px;font-family: simsun;z-index: 100000;}
.kaiguan.on{right: -30px;}

.chart .img{ display:none}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	.container03 ul li:hover a:before{ background:#af0e16; box-shadow:0 0 0 16px rgba(175,14,22,0.45)}
	
	.container04 ul li:hover a .img:after{ left:0; width:0}
	.container04 ul li:hover a .con:before{ left:0; width:100%}
	
	.container04 ul li:hover a .con h4{ height:1.875rem}
	.container04 ul li:hover a .con h5{ height:4rem;line-height: 1.3rem}
	
	.container05 ul li .box:hover .con:before{ left:0; width:100%}
	.container05 ul li .box:hover .con h5 a{ color:#fff}
	.container05 ul li .box:hover .con p{ color:#fff}
	.container05 ul li .box:hover .con h6,.container05 ul li .box:hover .con h6 .icon{ color:#fff; fill:#fff}
	.container05 ul li .box:hover{ box-shadow:0 0 35px rgba(0,0,0,0.35)}
	
	.container05 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.container05 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.container05 ul li .box .img:hover img{ transform:scale(1.05);}
	
	.more01 a:hover small{ color:#af0e16}
	
	.more01 a:hover dl dd:nth-child(2) span:before{top: 0;}
	.more01 a:hover dl dd:nth-child(1) span:before{left: 5px;}
	.more01 a:hover dl dd:nth-child(3) span:before{top: 5px;}
	.more01 a:hover dl dd:nth-child(4) span:before{left: 0;}
	.more01 a:hover dl dd:nth-child(6) span:before{left: 0;}
	.more01 a:hover dl dd:nth-child(7) span:before{top: -5px;}
	.more01 a:hover dl dd:nth-child(9) span:before{left: -5px;}
	
	.container06 ul li a:hover .pp{ transform:scale(1); opacity:1}
	
	.container06 ul li a:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

    .partner ul li a:hover .pp{ transform:scale(1); opacity:1}
    
    .partner ul li a:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
	
	.container08 .bottom dd a:hover{ color:#fff}
	
	.container05 ul li .box:hover .con{ background:#af0e16}
	
	.al_select ul li:hover:after{ left:0; width:100%}
	
	.n_case ul li:hover a .img:after{ left:0; width:0}
	.n_case ul li:hover a .con:before{ left:0; width:100%}
	
	.n_case ul li:hover a .con h4{ height:1.875rem}
	.n_case ul li:hover a .con h5{ height:1rem}
	
	.j_pages a:hover{border-bottom: #af0e16 2px solid;}
	
	.n_case_detail .content .right ul li .con h5:hover{ color:#af0e16}
	
	.n_yewu ul li a:hover h3 img{
		transform-style: preserve-3d;
		-webkit-animation:xuanzhuan 2s;
		animation: xuanzhuan 2s ;
		animation-fill-mode: forwards;
		transition: all .5s linear;
	}
	.n_yewu ul li a:hover h5{ color:#af0e16}
	
	.n_yewu_detail ul li a:hover img{ transform:scale(1.06)}
	.n_yewu_detail ul li a:hover h5{ color:#af0e16}

	.n_yuangong ul li a:hover h3 img{
		transform-style: preserve-3d;
		-webkit-animation:xuanzhuan 2s;
		animation: xuanzhuan 2s ;
		animation-fill-mode: forwards;
		transition: all .5s linear;
	}
	.n_yuangong ul li a:hover h5{ color:#af0e16}
	
	.n_news .fl01 ul li .box:hover .con h5 a{ color:#af0e16}
	.n_news .fl01 ul li .box:hover .con p{ color:#af0e16}
	.n_news .fl01 ul li .box:hover .con h6,.n_news .fl01 ul li .box:hover .con h6 .icon{ color:#af0e16; fill:#af0e16}
	
	.n_news .fl01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover img{ transform:scale(1.05);}
	
	.n_news .fl02 ul li a:hover h5,.n_news .fl02 ul li a:hover h4,.n_news .fl02 ul li a:hover h4 span{ color:#af0e16}
	
	.n_news .fl02 ul li:hover:before{ left:0; width:100%}
	
	.n_news_detail .content .n_right .frl02 ul li:hover a{ color:#af0e16}
	
	.n_video ul li a:hover .img img{ transform:scale(1)}
	.n_video ul li a:hover .img>img{ transform:scale(1.05)}
	.n_video ul li a:hover h5{ color:#af0e16}
	
	.n_yingpin .fl02 ul li a:hover{ border:#af0e16 1px solid}
	.n_yingpin .fl02 ul li a:hover:before{ height:100%; top:0}
	.n_yingpin .fl02 ul li a:hover h5,.n_yingpin .fl02 ul li a:hover h5 a{ color:#fff}
	.n_yingpin .fl02 ul li a:hover h6{color:#fff;}
	.n_yingpin .fl02 ul li a:hover h6 .icon {fill: #8fff;}
	.n_yingpin .fl02 ul li a:hover .jia{ transform:rotate(180deg);}
	.n_yingpin .fl02 ul li a:hover .zi .img01{ display:none}
	.n_yingpin .fl02 ul li a:hover .zi .img02{ display:inline-block}
}



@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
	#mainMap{ display:none}
	.chart .img{ display:block}
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	.n_contact{ padding:5rem 0}
	.n_contact dl dt{display:inline-block;width:100%;text-align: center;margin-bottom: 3rem;}
	.n_contact dl dd{ display:inline-block; width:33.333333%;}
	
	.n_renli .fl03 .box img{width: 55%;}
	.n_renli .fl03 .box .con01{ left:66%; padding-left:6rem}
	.n_renli .fl03 .box .con02{ left:66%; padding-left:6rem}
	.n_renli .fl03 .box .con03{ right:66%; padding-right:6rem}
	.n_renli .fl03 .box .con04{ right:66%; padding-right:6rem}
	.n_renli .fl03 .box .con:before{ width:3rem}
	
	.n_renli .fl03 .box .wz h3{ font-size:1.25rem}
	.n_renli .fl03 .box .wz h4{ font-size:1rem}
	
    .n_zizhi .fl02 ul li a .img img{ height: 120px}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	.container04 ul{ margin:0 -0.5rem}
	.container04 ul li{ padding:0 0.5rem; width:50%}
	.container04 ul li:nth-child(7),.container04 ul li:nth-child(8){ display:none}
	.container05 ul{ margin:0 -1rem}
	.container05 ul li{ padding:0 1rem}
	
	header .fl,header .fr{ width:100%}
	header .container { width: 90%; }
	header nav {position: fixed;top: 0;left: auto;right: -100%;bottom: 0;width: 100%;margin-top: 0;padding-top: 5rem;padding-bottom: 32px;background: rgba(0, 0, 0, 0.95);visibility: hidden;transition: all .8s, top .3s;overflow:  hidden;overflow-y:  scroll;margin-top: 0 !important;}
	header nav.show { right: 0; visibility: visible; }
	header .nav-item {display: block;width: 100%;margin-left: 0;margin-right: 0;text-align:  center;height: auto;}
	header .nav-item.active{ background:#af0e16}
	header .nav-item.active > a{ color:#fff !important}
	header .nav-item > a {position: relative;line-height: 50px;z-index: 1;display:  inline-block;color: #fff !important;}
	header .nav-item > i{display:inline-block;width:10%;font-size: 12px;color: #ffff;font-family: simsun;font-style:  normal;font-weight:  bold;line-height: 50px;position:  absolute;}
	header .nav-item > a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #af0e16; transform: scale(1, 0); transition: transform .5s; z-index: -1; }
	header .nav-item > a:hover { color: #fff !important; }
	header .nav-item > a.up:before { transform-origin: 0 100%; }
	header .nav-item > a.down:before { transform-origin: 0 0; }
	header .sub-nav-list {top: 0;left: 0;right: 0;margin-top: 0;margin-right: 15px;padding: 10px 0;white-space: nowrap;position: relative;display: none;opacity:1;visibility:visible;float: left;width: 100%;transition: all 0s;margin-top:  0 !important;}
	header .sub-nav-list:before { content: none; }
	header .sub-nav-item { padding: 0 20px; line-height: 40px; }
	header .contact { margin-right: 20px; }
	header .nav-menu-btn {position: relative;display: block;float: right;width: 20px;height: 38px;margin-top: -1.125rem;cursor: pointer;transition: all .3s;z-index: 10;}
	header .nav-menu-btn.enter .menu-btn { transition-duration: .1s; transition-delay: .4s; }
	header .nav-menu-btn.enter .menu-btn:before, header .nav-menu-btn.enter .menu-btn:after { opacity: 0; }
	header .nav-menu-btn.enter .menu-btn:before { left: -50%; right: 100%; transform: translate(-100%, 0); }
	header .nav-menu-btn.enter .menu-btn:after { left: 100%; right: -50%; transform: translate(100%, 0); }
	header .nav-menu-btn.enter .up {top: 17px;transform: rotate(45deg);height: 3px;}
	header .nav-menu-btn.enter .down {bottom: 18px;transform: rotate(-45deg);height: 3px;}
	header .nav-menu-btn.leave .menu-btn:before, header .nav-menu-btn.leave .menu-btn:after { opacity: 1; transform: translate(0, 0); }
	header .nav-menu-btn.leave .menu-btn:before { left: 0; right: 50%; }
	header .nav-menu-btn.leave .menu-btn:after { left: 50%; right: 0; }
	header .menu-btn {position: absolute;display: block;width: 100%;height: 9px;}
	header .menu-btn:before, header .menu-btn:after {content: '';position: absolute;top: 0;height: 100%;background: #fff;transition: all .3s;border-radius: 3px;}
	header .menu-btn:before {left: 0;right: 55%;}
	header .menu-btn:after {left: 55%;right: 0;}
	header .menu-btn.up {top: 10px;}
	header .menu-btn.down { bottom: 8px; }
	header.scroll-down nav { top: 50px; margin-top: 0; }
	header.scroll-down .nav-item:hover .sub-nav-list { margin-top: -10px; }
	
	header .logo{left:3%;margin-left:0;top: -2rem; display:none}
	header .logo img{height: 56px;}
	
	header{ display:block}
	.fp-viewing-0 header .logo{ display:block}
	
	.menu-handler{ display:none}
	
	header.header_visible .logo{display:block;top: 7px;}
	.n_header{ height:70px;}
	
	header.header_visible .menu-btn:before, header.header_visible .menu-btn:after{ background:#22a8a6}


	header.header_visible .nav-menu-btn{top: 27px;}
	
	.n_banner{margin-top:70px;height: 15rem;}
	
	.n_yewu ul li{ width:50%}
	
	.sticky{ top:115px;}
	.n_news_detail .content .n_left .n_left_box{ padding:2.5rem}
	
	.n_renli .fl03 .box .con{ white-space:normal; width:12rem; font-size:12px; line-height:20px;}
	
	.n_wenhua .fl01 .box>img{ height:25rem}
	
	.container02 .top{height: calc(100vh - 10rem);background: url(../images/container02_top_bg01.jpg) bottom center no-repeat;background-size: cover;}
	.container02 .bottom{height: 10rem;}
	.container02 .bottom ul{ margin:0 -3%}
	.container02 .bottom ul li h5{font-size:12px;margin-bottom: 0.5rem;}
	.container02 .bottom ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}
	.container02 .bottom ul li h4 span.counter,.container02 .bottom ul li h4 span.counter01{font-size: 1.5rem;}
	.container02 .bottom ul li h6{ font-size:10px;}
	.container02 .bottom ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}
	
	.n_video ul li a .img, .n_video ul li a .img>video{ height:240px;}
    
    .n_zizhi .fl02 ul li a .img img{ height: 80px}
}



@media(max-width: 768px){
	.ar_wap{ display:inline-block}
	
	.container02 .top{ height:calc(100% - 10rem)}
	.container02 .bottom{height: 9rem;}
	
	#fp-nav{ display:none}
	.liu_icon img{ width:40%}
	
	.container02 .top .box p{height:5.625rem;overflow:hidden;margin-bottom: 2rem;}
	
	.container02 .top .layui-container .layui-row .box{ height:auto}
	iframe{transform:scale(0.5);float:none !important;position:relative;left:50%;margin: -45% 0 -35%;margin-left:-350px;}
	
	.section .title h2{font-size:2rem;display:  inline-block;}
	.section .title h3{font-size:1rem;margin:0.75rem 0 2rem;display: inline-block;margin-left: 0.5rem;}
	
	.container02 .top{height:calc(100vh - 9rem);overflow: hidden;}
	
	
	
	.container02 .slide_box ul{margin:0 -0.5rem;margin-bottom: 3rem;}
	.container02 .slide_box ul li{ padding:0 0.5rem}
	.container02 .slide_box ul li .img img{ max-width:80%}
	.container02 .slide_box ul li a{padding: 1rem 0 2rem;}
	.container02 .slide_box .title h4{ margin:0.75rem 0 3rem}
	.container02 .slide_box .title h4:before{ display:none}
	
	.more00 a{ padding:0.75rem 2rem;}
	
	.container03 .title h4{ line-height:1.875rem}
	.container03 ul li{ margin:2rem 0}
	.container03 ul li .icon{ max-width:4rem; max-height:2rem}
	.container03 ul li h3{ line-height:4rem}
	.container03 ul li:nth-child(2) .icon{ max-width:4rem; max-height:2.5rem}
	.container03 ul li:nth-child(5) .icon,.container03 ul li:nth-child(6) .icon,.container03 ul li:nth-child(7) .icon,.container03 ul li:nth-child(8) .icon { max-width:4rem; max-height:2rem}
	.container03 ul li h5{ font-size:1rem}
	
	.section .title h4{ margin:0.75rem 0 3rem}
	
	.container04 ul{ margin:0 -0.35rem}
	.container04 ul li{ padding:0 0.35rem; width:50%; margin-bottom:0.7rem}
	.container04 ul li a .con h3{ font-size:1rem; line-height:1.75rem}
	
	.container05 ul{ margin:0 -0.35rem}
	.container05 ul li{ padding:0 0.35rem}
	.container05 ul li .con{ padding:1rem 1rem}
	.container05 ul li .con h5, .container05 ul li .con h5 a{ font-size:14px; line-height:22px; height:44px; white-space:normal}
	
	.container06 ul li{ margin:1rem 0}
	.container06 ul li a{width:10rem;height:10rem;padding: 1.5rem 0;}
	.container06 ul li a h3{ line-height:4rem}
	.container06 ul li a h3 img{ max-height:2rem; max-width:5rem}
	
	.container08 .bottom dl{ display:none}
	
	.container08 .bottom_box .con_bottom .left_con{padding: 1rem 0 0;margin-bottom:3rem;width: 100%;text-align:  center;}
	.container08 .bottom_box .con_bottom .left_con p{ line-height:26px;}
	
	.container08 .bottom_box .con_bottom .right_con{ text-align:center; width:100%}
	.container08 .bottom_box .con_bottom .right_con ul{ text-align:center}
	.s_foot_link{margin:0 auto;display:  inline-block;}
	
	#mainMap{ height:260px !important; margin:-20px 0}
	
	.container07 .top .kuang{left:3%;right:3%;top: auto;bottom: 3%;width: 94%;}
	.container07 .top .kuang .con{width:100%;padding:1.25rem;position: absolute;bottom: 3%;}
	.container07 .top .kuang .con h4{ font-size:1.25rem}
	.container07 .top .kuang .con h3 big{ font-size:1.25rem}
	
	.container07.fp-auto-height .fp-slide, .container07.fp-auto-height .fp-tableCell, .container07.fp-auto-height.fp-section{ height:100vh !important}
	#map{ height:100vh !important}
	.container07 .top .kuang .table_cell{ vertical-align:bottom}
	
	.fp-viewing-f4 header .menu-btn:before, .fp-viewing-f4 header .menu-btn:after{ background:#333}
	.banner-next .next-icon{ height:26px; background-size:auto 100% !important}
	.banner-next .next-text{ top:48px;}
	.banner-next .next-text img{ height:14px;}
	
	.n_banner h3{ font-size:1.5rem}
	.n_banner h4{ font-size:1.75rem}
	.n_banner h4.h4{font-size:1.25rem;padding: 0 1.5rem;}
	.n_banner h4:before{ bottom:-20px; width:32px; margin-left:-16px;}
	
	.n_about .fl02{ padding:2.5rem 0}
	.n_about .fl02 ul{ margin:0 -3%}
	.n_about .fl02 ul li h5{font-size:12px;margin-bottom: 0.5rem;}
	.n_about .fl02 ul li h4{height:2.25rem;margin-bottom: 0.25rem;line-height: 2.25rem;}
	.n_about .fl02 ul li h4 span.counter,.n_about .fl02 ul li h4 span.counter01{font-size: 1.5rem;}
	.n_about .fl02 ul li h6{ font-size:10px;}
	.n_about .fl02 ul li h4 small{ margin-bottom:0; font-size:11px; vertical-align:middle}
	
	.piaofu{ right:1rem}
	.piaofu a img{ width:5rem}
	
	.n_zhici{ padding:2.5rem 0}
	.n_zhici .ar_article{ display:block}
	.n_zhici .ar_article .right{ margin-bottom:1rem}
	.n_zhici .ar_article .left,.n_zhici .ar_article .right{ width:100%; padding:0; display:block}
	.n_zhici .ar_article .left .ar_article h3{ padding:0}
	
	.ar_article{font-size:13px; line-height:26px}
	.ar_article p{font-size:13px; line-height:26px}	
	
	.al_select ul li a{ font-size:14px;}
	
	#content{ height:auto !important}
	.nianf{width: 67px;height: 34px;line-height: 30px;font-size: 12px;}
	.n_licheng ul li{ padding:10px 0}
	.n_licheng ul li .right{ width:calc(100% - 108px)}
	.n_licheng ul li .right .box .table .table_cell{ font-size:12px; line-height:26px;}
	.n_licheng .content_box:before{left: 84px;width: 2px;}
	.n_licheng .content_box .bg{left: 84px;width: 2px;}
	.n_licheng ul li .point{left: 78px;border: #fff 2px solid;width: 16px;height: 16px;margin-top: -8px;}
	.n_licheng .content_box .bg:before{width:16px;height:16px;border: #af0e16 2px solid;margin-left: -8px;}
	.n_licheng .content_box .bg:after{width:16px;height:16px;border: #af0e16 2px solid;margin-left: -8px;}
	
	.n_licheng ul{ height:auto !important}
	.n_licheng ul li{ margin-top:0 !important}
	.n_licheng ul li .left{ left:0 !important}
	.n_licheng ul li .point{left: 78px !important}
	.n_licheng ul li .right{ right:0 !important}
	
	.n_wenhua{ padding:2.5rem 0;}
	
	.n_contact dl dt{ display:inline-block; width:100%;}
	.n_contact dl dd{ display:inline-block; width:100%; margin-bottom:2rem}
	.n_contact dl dd h3 img{ height:2.5rem}
	
	.n_case ul{ margin:0 -0.5rem}
	.n_case ul li{ padding:0 0.5rem; width:50%}
	.n_case ul li:nth-child(9){ display:none}
	
	.n_case_detail .content{padding:3rem;display: block;}
	.n_case_detail .content .left{ margin-bottom:3rem}
	.n_case_detail .content .left .title h3{font-size:1.5rem;line-height: 2.5rem;}
	.n_case_detail .content .left,.n_case_detail .content .right{width:100%;display:block;padding: 0;}
	
	.n_case_detail .content .right ul{ font-size:0; margin:0 -5px}
	.n_case_detail .content .right ul li{display:inline-block;padding:0 5px;width: 100%;}
	
	.n_yewu{ padding:2.5rem 0}
	
	.n_yewu ul{ margin:0 -5px;}
	.n_yewu ul li{ padding:0 5px; margin-bottom:10px}
	.n_yewu ul li a p{font-size:12px;padding: 0 1rem;}
	.n_yewu ul li a h3 img{ height:2.5rem}
	.n_yewu ul li a h5{ margin-bottom:1.5rem}
	
	.n_yewu_detail ul{ margin:0 -5px;}
	.n_yewu_detail ul li{padding:0 5px;width: 50%;margin-bottom:1rem;}
	
	.j_pages a.none{ display:none}
	
	.n_yuangong ul{ margin:0 -5px;}
	.n_yuangong ul li{ padding:0 5px; width:33.333333%; margin-bottom:1rem}
	.n_yuangong ul li a h3 img{ height:2.5rem}
	
	.n_news .fl01 ul{ margin:0 -5px}
	.n_news .fl01 ul li{padding:0 5px;width: 50%;}
	.n_news .fl01 ul li:nth-child(3){ display:none}
	
	.n_news .fl02 ul{padding:0 5px}
	.n_news .fl02 ul li{padding:1rem 0 1rem;width: 50%;display: inline-block;}
	.n_news .fl02 ul li .layui-container03{ padding:0 5px}
	.n_news .fl02 ul li .box a h5, .n_news .fl02 ul li .box a h5 a{ font-size:13px}
	.n_news_detail .content .n_left .n_left_box{ padding:1.5rem}
	
	.n_news_detail{ padding:2.5rem 0 2.5rem}
	.n_news_detail .content{ display:block}
	.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}
	.n_news_detail .content .n_right{ display:block; width:100%}
	.n_news_detail .content .n_right .frl01 ul{ width:100%}
	.n_news_detail .content .n_left .title h6 .span2{ display:none}
	
	.n_video ul{ margin:0 -5px; margin-bottom:1rem}
	.n_video ul li{padding:0 5px;margin-bottom: 1rem;}
	
	#page_show_video_box video{ width:360px; height:204px;}
	#page_video{width: 420px;height:214px;}
	#page_video .video_box{width: 370px;height:214px;}
	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
	#bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;}
	#page_show_video_box .box{ margin-left:-185px;}
	
	.n_zizhi .fl01 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0rem;}
	
	.n_zizhi .fl02 ul{ margin:0 0rem}
	.n_zizhi .fl01 ul{ margin:0 0rem}
	.n_zizhi .fl02 ul li{width:33.333333%;margin-bottom:2rem;padding: 0 0;}
	.n_zizhi .fl01 ul li a .img img{max-height: 34%;}
	
	.n_yingpin .fl01{ padding:2rem 0}
	.n_yingpin .fl01 ul li{ width:100%; margin:1.5rem 0}
	.n_yingpin .fl01 ul li h3 img{ height:2rem}
	.n_yingpin .fl01 ul li h2 img{ height:6rem}
	
	.n_yingpin .fl02{ padding:2.5rem 0}
	.n_yingpin .fl02 ul li a .zi{ left:1.5rem}
	.n_yingpin .fl02 ul li a .jia{ right:1.5rem}
	.n_yingpin .fl02 ul li a .zi img{ height:4rem}
	
	.n_renli .fl01{  padding:2.5rem 0}
	.n_renli .fl01 .right,.n_renli .fl01 .left{ padding:0; width:100%}
	.n_renli .fl01 .right .swiper-container ul li .img img{ width:100%}
	
	.n_renli .fl03 .box img{height: 18rem; width: auto;}
	
	.n_renli .fl03 .box .con{ width:9rem}
	.n_renli .fl03 .box .con:after{ width:18px; height:18px; margin-top:-9px; display:none }
	.n_renli .fl03 .box .con01{padding-left:0;left:80%;text-align:left;top:2rem;margin-top: 3rem !important;}
	.n_renli .fl03 .box .con02{ padding-left:0; left:80%; text-align:left; bottom:2rem}
	.n_renli .fl03 .box .con03{ padding-right:0; right:80%; text-align:right; bottom:2rem}
	.n_renli .fl03 .box .con04{padding-right:0;right: 88%;text-align:right;top:2rem;}
	.n_renli .fl03 .box .con:before{ display: none}
	
	.n_wenhua .fl01 .box>img{ height:15rem}
	.n_wenhua .fl01 .box .wz h3 img{ height:2.5rem}
	.n_wenhua .fl01 .box .wz h5{ font-size:16px;}
	.n_wenhua .fl01 .con h3{font-size:1.25rem;text-align: left;}
	.n_wenhua .fl01 .con p{font-size:11px;line-height:24px;text-align: left;}
	.n_wenhua .fl01 .con p .ar_web{ display:none}
	
	.n_wenhua .fl01 .con01{top:2rem;position: relative;left: 0;margin-left: 0;margin-bottom: 2rem;}
	.n_wenhua .fl01 .con02{top:2rem;margin-right:16%;position: relative;text-align: left;margin-right: 0;right: 0;margin: 3rem 0 2rem;}
	.n_wenhua .fl01 .con{ transition-delay:0 !important}
	
	.n_case ul li a .con h3{  font-size:1.25rem; padding:0 1.25rem}
	
	.n_news .fl02 ul li .img{ width:100%;}
	.n_news .fl02 ul li .box{ width:100%;}
	
	.biaoyu a{width:80%;height: 50px;line-height: 50px;border-radius: 30px;}
	
	.n_yewu_detail ul li .con{ padding:1.5rem 1rem 1.5rem}
	.n_yewu_detail ul li .con h6{overflow:hidden;}
	
	.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ display:none !important}
	
	.n_case_detail .content .right h3{ display:block}
	
	.n_news_detail .content .n_left .title h3{ font-size:1.5rem; line-height:2rem}
	
	.n_renli .fl03 .box .wz{height:18rem;margin-bottom: 3rem;}
	.n_renli .fl03 .box .con{position: initial;padding:  0;margin:  0;width: 100%;left: 0;right: 0;top: auto;text-align:  center;margin-top: 1rem;display:  block;}
	
	#mainMap canvas{}
	.n_zizhi .fl01 ul{}
	.piaofu .close{bottom: 23rem;}
	.kaiguan{bottom:22rem;width: 50px;height: 50px;line-height: 50px;font-size: 18px;padding: 0 7px;}
	.n_zizhi .fl02 ul li a .img img{ max-height:12%}
	.container02 .slide_box ul li .img{ height:12rem; line-height:12rem}
	.n_video ul li a .img, .n_video ul li a .img>video{ height:200px;}
	.ar_article.ar_web{ display:none}
	.ar_article.ar_wap{ display:inline-block}
	.n_news .fl01 ul li .con h5, .n_news .fl01 ul li .con h5 a{ font-size:13px}
} 


@media(max-width: 540px){
    .n_zizhi .fl01 ul li{width:50%;margin-bottom:2rem;padding: 0 0rem;}
    .n_zizhi .fl02 ul li{width:50%;}
    .container06 ul li a{width:8rem;height:8rem;padding: 1rem 0;}
    .container06 ul li a h5{ font-size:12px; padding:0 5px;}
    .n_video ul li a .img, .n_video ul li a .img>video{ height:150px;}
}

@media(max-width: 456px){
	.n_case_detail .content{padding:1.5rem;display: block;}
	
	.n_wenhua .fl01 .box>img{}
	.n_wenhua .fl01 .box .wz h3 img{}
	.n_wenhua .fl01 .box .wz h5{}
	.n_wenhua .fl01 .con h3{ font-size:1.25rem}
	.n_wenhua .fl01 .con p{ font-size:10px; line-height:20px;}
	.n_video ul li a .img, .n_video ul li a .img>video{ height:120px;}
	
}